$(function() {
    // 当我们点击了小li 此时不需要执行 页面滚动事件里面的 li 的背景选择 添加 current
    // 节流阀  互斥锁 
    var flag = true;
    // 1.显示隐藏电梯导航
    var toolTop = $(".recommend").offset().top;
    toggleTool();

    function toggleTool() {
        if ($(document).scrollTop() >= toolTop) {
            $(".fixedtool").fadeIn();
        } else {
            $(".fixedtool").fadeOut();
        };
    }
    $(window).scroll(function(){
        toggleTool();
        //页面滚动到某个区域，左侧电梯导航li相应添加和删除current类名
        if(flag){
            $(".floor .w").each(function(i,ele){
                if($(document).scrollTop() >= $(ele).offset().top){
                   $(".fixedtool li").eq(i).addClass("current").siblings().removeClass();
                }
            })

        }
    })
    //点击电梯导航页面可以滚动到相应内容区域
    $(".fixedtool li").click(function(){
        flag = false;
        //当我们每次点击li，就需要计算页面需要去往的位置
        //选出对应索引号的内容区的盒子  计算它的.offset().top
        var current = $(".floor .w").eq($(this).index()).offset().top;
        //页面动画滚动
        $("body,html").stop().animate({
            scrollTop:current
        },function(){
            flag = true;
        })
        //点击之后让点击的li添加current类名背景颜色，其他兄弟去除
        $(this).addClass("current").siblings().removeClass("current");
        
    })
   
})